---
title: Installation
metaDescription: Installation Guide - How to install Amplify UI Packages, Styles, and Fonts.
supportedFrameworks: android|angular|flutter|react|react-native|vue|svelte
---

import { FRAMEWORKS } from '@/data/frameworks';
import { getCustomStaticPath } from '@/utils/getCustomStaticPath';
import { InlineFilter } from '@/components/InlineFilter';
import AngularShims from './shims.angular.mdx';
import WebStyles from './styles.web.mdx';
import WebFonts from './fonts.web.mdx';
import Dependencies from './dependencies.mdx';

export async function getStaticPaths() {
  return getCustomStaticPath(frontmatter.supportedFrameworks);
}

{/*  `getStaticProps` is required to prevent "Error: getStaticPaths was added without a getStaticProps. Without getStaticProps, getStaticPaths does nothing" */}

export async function getStaticProps() {
  return { props: {} }
}

## Dependencies

### Packages

<Dependencies />

<InlineFilter filters={['angular', 'react', 'vue', 'svelte']}>
  <InlineFilter filters={['angular']}>
    <AngularShims />
  </InlineFilter>

  <WebStyles />

  <WebFonts />
</InlineFilter>
